<!DOCTYPE html>
<html lang="zh-CN">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
        <meta name="author" content="胡歌">
        <title>购物车</title>
        <link href="../Bootstrap/css/bootstrap.min.css" rel="stylesheet">
        <link rel="stylesheet" type="text/css" href="../css/base.css"/>
        <link rel="stylesheet" type="text/css" href="../css/pro.css"/>
    </head>
    <body>
        <div class="header-wrapper">
        	<span class="glyphicon glyphicon-menu-left"></span>
        	<span class="header-title">购物车</span>
        	<span class="glyphicon glyphicon-search"></span>
        </div>
       <!--登录-->
       <div class="help">
          <a href="" class="search-bar">
              <span>登陆后享受更多优惠</span>
              <p>
                  <span class="login right-item">去登陆</span>
                  <span class="glyphicon glyphicon-menu-right"></span>	
              </p>
          </a>       		
        </div>
        
        <div class="tool">
           <span class="glyphicon glyphicon-shopping-cart" style="font-size: 2.0rem;"></span>
        	<span>购物车还是空的</span>
        	<span class="qgg">去逛逛</span>
        </div>
        
        <div class="introduce">
        	为您推荐
        </div>
        <!--3产品介绍-->
        <div class="pro-menu">
        			  <a href="">
        				<figure>
        					<img src="../img/red/12.jpg"/>
        					<figcaption>
        						<h5>洪咪note，洪咪note </h5>
        						<h6>￥：9999</h6>
        					</figcaption>
        				</figure>
        				</a>      
        				
        				<a href="">
        				<figure>
        					<img  src="../img/red/19.jpg"/>
        					<figcaption>       				
        						<h5>花容天下看就看</h5>
        						<h6>￥：555</h6>
        					</figcaption>
        				</figure>
        				</a>
        				
        				<a href="">
        				<figure>
        					<img src="../img/red/20.jpg"/>
        					<figcaption>
        					
        						<h5>好地方基督教</h5>
        						<h6>￥：555</h6>
        					</figcaption>
        				</figure>       				
        				</a>    
        				
        				<a href="">
        				<figure>
        					<img src="../img/red/18.jpg"/>
        					<figcaption>        				
        						<h5>洪咪note，洪咪note </h5>
        						<h6>￥：555</h6>
        					</figcaption>
        				</figure>
        				</a>
        				
        				<a href="">
        				<figure>
        					<img src="../img/red/39.jpg"/>
        					<figcaption>        				
        						<h5>逛我哦以后好人卡麻烦了 </h5>
        						<h6>￥：555</h6>
        					</figcaption>
        				</figure>
        				</a>
        				
        				<a href="">
        				<figure>
        					<img src="../img/red/48.jpg"/>
        					<figcaption>        				
        						<h5>告诉对方欢乐时光 </h5>
        						<h6>￥：555</h6>
        					</figcaption>
        				</figure>
        				</a>
        				
        				<a href="">
        				<figure>
        					<img src="../img/red/39.jpg"/>
        					<figcaption>        				
        						<h5>逛我哦以后好人卡麻烦了 </h5>
        						<h6>￥：555</h6>
        					</figcaption>
        				</figure>
        				</a>
        				
        				<a href="">
        				<figure>
        					<img src="../img/red/48.jpg"/>
        					<figcaption>        				
        						<h5>告诉对方欢乐时光 </h5>
        						<h6>￥：555</h6>
        					</figcaption>
        				</figure>
        				</a>
        			</div>
        <script src="../Bootstrap/js/bootstrap.min.js"></script>
        <script src="../Bootstrap/js/bootstrap.min.js"></script>
    </body>
</html>